<template>
	<div  class="center">
		<slot name="content"></slot>
	</div>
</template>

<script>
	export default {
		name: "CenterMain"
	}
</script>

<style scoped>
	@media screen and (max-width: 992px) {
		.center {
			width: 94%;
			order: 7;
		}
	}
	@media screen and (min-width: 993px) {
		.center {
			width: 50%;
			margin: 0 .1rem;
			align-self:flex-start;
		}
	}
	.center {
		border-radius: .1rem;
		overflow: hidden;
		box-sizing: border-box;
		margin-bottom: .3rem;
	}
</style>
